body{
	background-color: #fff;
}
.m-order-tab{
	font-size: 16px;
	color:#616161;
	padding: 0px 0px 20px 0px;
}
.m-order-tab ul li{
	float: left;
	width: 170px;
	text-align: center;
	border-bottom: 3px solid #ebf0f7;
	padding:10px 0px;
	cursor: pointer;
}
.m-order-tab ul .m-act{
	border-bottom: 3px solid #76bd22;
	color:#76bd22;
}
.m-nav{
	float: left;
	font-size: 14px;
}
.m-nav li{
	height: 40px;
	line-height: 40px;
	padding:0px 35px;
}
.m-table{
	margin-bottom: 30px;
}
.m-nav-menu li{
	background: #76bd22;
	color:#fff;
	border-bottom: 1px solid #fff;
	cursor: pointer;
	border-left: 10px solid #76bd22;
}
.m-nav-menu li a{
	color:#fff;
}
.m-nav-menu .m-nav-title{
	border-left: 10px solid #fbc61f;
	cursor: pointer;
	background: #ebf0f7;
	color:#76bd22;
}
.m-table-content{
	float: left;
	text-align: center;
	color:#5e6064;
	width: 870px;
}
.m-table-content tr{
	line-height: 40px;
	text-align: center;
}
.m-table-content th{
	text-align: center;
	color:#76bd22;
}
.m-table-content td{
	width: 173px;
	border:1px solid #e1e5ea;
}
.m-table-content th{
	background:#ebf0f7;
}

/*订单详情*/
.orderdetails-title{
	background: #ebf0f7;
	width: 140px;
	text-align: center;
	color:#76bd22;
	padding:10px;
	border-left: 10px solid #fbc61f;
	position: relative;
	margin-bottom: 20px;

}

.m-search-top .form-glop{
	float: left;
	margin-right: 20px;
	margin-bottom: 15px;
}
.m-search-top .form-glop label{
	width: 80px;
	float: left;
	display: block;
	line-height: 32px;
}
.orderdetails-title .triangle{
	width: 0; 
	height: 0; 
	border-top: 5px solid transparent; 
	border-left: 8px solid #fbc61f; 
	border-bottom: 5px solid transparent; 
	position: absolute;
	left:0px;
	top:13px;
}
.m-search input{
	height: 30px;
	border:1px solid #76bd22;
	padding-left: 10px;
}
.m-serach-bottom .form-glop{
	float: left;
	width: 260px;
	margin:20px 0px;
}
.m-search-middle .form-glop{
	float: left;
	width: 210px;
	margin-top: 15px;
}

.m-serach-bottom .f-fr{
	float: right;
	margin-right: 20px;
}
.table-left{
	float: left;
}
.table-left tr{
	height: 30px;
	text-align: center;
	display:table;
	width:100%;
	table-layout:fixed;
	border-bottom: 1px solid #76bd22;
}

.table-left th{
	background: #76bd22;
	text-align: center;
	color:#fff;
}
.table-content{
	margin-bottom: 30px;
}
.table-content .f-fr{
	float: right;
}

.table-left tbody {
    display: block;
    min-height: 400px;
    overflow: auto;
}

.m-middle-ad{
	background: #e1e5ea;
	height: 100px;
	margin: 0px 0px 20px 0px;
}

.m-btn{
	width: 100px;
	border-radius: 10px;
	display: block;
	text-align: center;
	padding:10px 0px;
	border:1px solid #76bd22;
	cursor: pointer;
	float: left;
	margin-right: 30px;
	color:#76bd22;
}
.m-color{
	background: #76bd22;
	color:#fff;
}

.search-type{
	margin: 20px 0px;
	overflow: hidden;
}

.el-select{
	width: 260px;
	margin-right: 20px;
}

.t-btn{
	background: #76bd22;
	color: #fff;
	padding:5px;
	border-radius: 5px;
}
.m-from-btn ul{
	overflow: hidden;
	color:#fff;
	margin-bottom:10px; 
}
.m-from-btn ul li{
	float: left;
	background: #76bd22;
	padding: 5px 10px;
	margin-right: 10px;
	border-radius: 5px;
}
.m-replay{
	margin-bottom:20px; 
}
.m-replay-title{
	background: #76bd22;
	color:#fff;
	width: 110px;
	text-align: center;
	line-height: 35px;
	margin-bottom: 10px;
}
.m-replay textarea{
	width: 100%;
}

.m-online{
	position: fixed;
	right: 20px;
	bottom: 40%;
	overflow: hidden;
}
.m-message-content{
	background: #eee;
	width: 400px;
}
.m-list li{padding:9pt 15px;border-bottom:1px solid #292c33;cursor:pointer;-webkit-transition:background-color .1s;transition:background-color .1s}.m-list li:hover{background-color:hsla(0,0%,100%,.03)}.m-list li.active{background-color:hsla(0,0%,100%,.1)}.m-list .avatar,.m-list .name{vertical-align:middle}.m-list .avatar{border-radius:2px}.m-list .name{display:inline-block;margin:0 0 0 15px}
.m-text{height:100px;border-top:1px solid #ddd}
.m-text textarea{padding:10px;height:100%;width:100%;border:none;outline:0;font-family:Micrsofot Yahei;resize:none;background: #eee}
.m-message{padding:10px 15px;overflow-y:scroll;height: 300px;}
.m-message li{margin-bottom:15px}
.m-message .time{margin:7px 0;text-align:center}
.m-message .time>span{display:inline-block;padding:0 18px;font-size:9pt;color:#fff;border-radius:2px;background-color:#dcdcdc}
.m-message .avatar{float:left;margin:0 10px 0 0;border-radius:3px}
.m-message .text{display:inline-block;position:relative;padding:0 10px;max-width:calc(100% - 40px);min-height:30px;line-height:2.5;font-size:9pt;text-align:left;word-break:break-all;background-color:#fafafa;border-radius:4px}
.m-message .text:before{content:" ";position:absolute;top:9px;right:100%;border:6px solid transparent;border-right-color:#fafafa}
.m-message .self{text-align:right}
.m-message-btn{
	position: absolute;
	bottom:10px;
	right: 10px;
	cursor: pointer;
	background: #76bd22;
	color:#fff;
	padding: 7px 15px;
	border-radius: 5px;
}